<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<script type="text/javascript">
    //上一页下一页
    $(function () {
        $(".btn_page").click(function () {
            //获取到btn_page里面的值
            var page = $(this).data("page") || $("input[name=currentPage]").val();;
            //为currentPage设置val值
            $("input[name=currentPage]").val(page);
            $("#searchForm").submit()
        })

        $(":input[name=pageSize]").change(function () {
            $("input[name=currentPage]").val(1);
            $("#searchForm").submit();
            
        })
        $(":input[name=pageSize] option").each(function (index,ele) {
            if($(ele).val()=="${pageResult.pageSize}"){
                $(ele).prop("selected",true)
            }
        })
    })

</script>


<div class="ui_flt" style="height: 30px; line-height: 30px;">
    共有
    <span class="ui_txt_bold04">${pageResult.totalCount}</span>
    条记录，当前第
    <span class="ui_txt_bold04">${pageResult.currentPage}/${pageResult.totalPage}</span>
    页
</div>
<div class="ui_frt">
    <input type="button" value="首页" class="ui_input_btn01 btn_page" data-page="1"/>
    <input type="button" value="上一页" class="ui_input_btn01 btn_page" data-page="${pageResult.prevPage}"/>
    <input type="button" value="下一页" class="ui_input_btn01 btn_page" data-page="${pageResult.nextPage}" />
    <input type="button" value="尾页" class="ui_input_btn01 btn_page" data-page="${pageResult.totalPage}"/>

    <select list="{5,15,20}"  name="pageSize" class="ui_select02">
        <option>5</option>
        <option>15</option>
        <option>20</option>
    </select>
    转到第<input type="text" name="currentPage" value="${pageResult.currentPage}" class="ui_input_txt01"/>页
    <input type="button" class="ui_input_btn01 btn_page" value="跳转"/>
</div>